<template>
  <div class="order">
    <home-header>
      <div slot="title">{{ title }}</div>
    </home-header>
    <van-row class="no-orders" v-if="!TheOrderList">
      <van-col span="8"></van-col>
      <van-col span="8">暂无订单</van-col>
      <van-col span="8"></van-col>
    </van-row>
    <order-list></order-list>
  </div>
</template>

<script>
import HomeHeader from "@/pages/header/Header";
import OrderList from "./components/OrderList";
export default {
  name: "order",
  components: {
    HomeHeader,
    OrderList
  },
  data() {
    return {
      title: "我的订单",
      TheOrderList: []
    };
  }
};
</script>

<style lang="stylus" scoped>
.no-orders {
  position: relative;
  top: 2rem;
  text-align: center;
  font-size: 0.6rem;
}
</style>
